html,
body {
    max-width:750px;
    min-width:320px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
#banner{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#dowebok{
    position: relative;
}
ul,li{
    text-decoration: none;
}
#dowebok :nth-child(1){
    position: relative;
   .tupian{
       position: relative;  
       position: fixed;
       .img1{
        display: block;
        width: 3.6rem;
        margin-left: .266667rem;
        margin-top: .266667rem;
        position: fixed;
      }

    .img2{
   display: block;
        width: 3.066667rem;
        margin-left: 5.666667rem;
        margin-top: 0.01rem;
      }

 .img3{
     display: block;
        position: fixed;
        width: 3.733333rem;
       }
} 

video{  
    position: fixed;  
// position: relative;
    right: 0px;  
    bottom: 0px;  
    min-width: 100%;  
    min-height: 100%;  
    height: auto;  
    width: auto;  
    /*加滤镜*/
    /*filter: blur(15px); //背景模糊设置 */
    /*-webkit-filter: grayscale(100%);*/  
    /*filter:grayscale(100%); //背景灰度设置*/  
    z-index:-11;
    source{  
    min-width: 100%;  
    min-height: 100%;  
    height: auto;  
    width: auto;  
   }  
  }  

    .begin{
        // position: absolute;
        width: 3.4rem;
        margin-left: auto;
        margin-right: auto;
        line-height: 100%; 
        color: rgb(182, 223, 240);
        font-size: 1rem;
}
.h2{
display: none;
position: absolute;
color: rgb(182, 197, 113);
font-size: .533333rem;
margin-left: 1.333333rem;
top: 3rem;
width: 2.666667rem;
height: .666667rem;
background-color: rgb(216, 225, 228);
border-radius: .2rem;
} 

.h3{
    // position: absolute;
    display: none;
    margin-left: auto;
    margin-right: auto;
    color: rgb(79, 42, 165);
    font-size: .666667rem;
    padding: .066667rem;
    width: 3.5rem;
    background-color: rgb(212, 230, 230);
    border-radius: .2rem;
}
.h1{ display: none;
    color: rgb(47, 35, 161);
    position: absolute;
    bottom: 2.666667rem;
    right:2rem;
    font-size: .533333rem;
    padding: .066667rem;
    background-color: rgb(64, 126, 45);
    border-radius: .2rem;
    }
}
.two{
background-color: #ffffff;
    // background:url(../img/bj2.jpg) no-repeat;
    // background-size: 100% 100%;
    
    .t2{
position: relative;
 height: 90%;
 background-color: hsl(81, 22%, 67%);
 background-size: 100% 100%;
 margin-top: .133333rem;
 margin-left: auto;
 margin-right: auto;
 background: url(../img/默认文件1629084668859.png) no-repeat;
  background-size: 100% 100%;
//   background-color: #fff;
 img{
     width: 100%;
     height: 100%;
 }
 .header{
     padding: .096667rem;
     background-color: #fff;

    .ren{
        justify-content: space-between;
      width: 1.2rem;
      height: 1.2rem;
      margin-left: .4rem;
  top: .133333rem;
      margin-right: auto;
      background-color: #fff;
      border-radius: 40%;
      border: 1px solid rgb(211, 193, 193);
      img{
width: 100%;
height: 100%;
      }
    }
 .lun1{
     position: absolute;
width: 100%;
height: 6.666667rem;
// background-color: #fff;
// margin-left: 2.666667rem;
.swiper-container {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    img{
        // width: 100%;
        height: auto;
      

    }
  }

}  
}
.name{
    position: absolute;
   left: .4rem;
   padding-top: 2.4rem;
    font-size: .653333rem;
    // height: 3rem;

    width: 4.8rem;
    color: rgb(70, 4, 4);
    border-bottom: rgb(96, 124, 19) solid 2px;
}
.age{
    position: absolute;
   margin-top: 4.6rem;
    left: 2.933333rem;
    font-size: .653333rem;
    width: 4.8rem;
    color: rgb(70, 4, 4);
    border-bottom: rgb(96, 124, 19) solid 2px;
}
.sex{
    position: absolute;
    margin-top: 6.2rem;
    left: 5.33333rem;
    font-size: .513333rem;
    width: 4.8rem;
    color: rgb(70, 4, 4);
    border-bottom: rgb(96, 124, 19) solid 2px;
}
.tab{
    position: absolute;
 margin-top: 8rem;
    left: 1.3333rem;
    font-size: .513333rem;
    width: 4.8rem;
    color: rgb(70, 4, 4);
    border-bottom: rgb(96, 124, 19) solid 2px;
}
}
.next{
    position: absolute;
    background: url(../img/翻页（下）.png) no-repeat;
    background-size:100% 100% ;
    bottom: 2rem;
    left: 50%;
    transform:translateX(-.8rem);
    width: 1.6rem;
    height: 1.033333rem;
}
}

.three{
    position: relative;
    width: 100%;
    // height: 1200px;
    height: 100%;
    overflow: scroll;
    // background:url(../img/bj3.jpg) no-repeat;
    // background-size: 100% 100%;
   
    .th{width: 100%;
        height: 90%;
        background-color: #8d2323;
        position: relative;
 
    .th1{
        width: 80%;
        margin: .133333rem auto;
        height: 5.333333rem;
        background-color: #888;
        margin-top: 0;
        position: absolute;
       background: url(../img/bj4.jpg)no-repeat;
       background-size: 100% 100%;
    }
    .th2{
        font-size: .8rem;
        color: #fff;

    }
    .th3{
        width: 80%;
        margin: auto;
        font-size: .333333rem;color: pink;
    }
    .th4{position: relative;
        margin-top: .266667rem;
        width: 7.933333rem;
       height: 3.633333rem;
        background: url("../img/对话框3 (1).png")no-repeat;
        background-size: 100% 100%;
        margin-bottom: .633333rem;
        
        p{position: absolute;
            // background-color: #fff;
        padding-top: .206667rem;
            margin-left: 12%;
            width: 80%;
            height: 90%;font-size: .466667rem;
            line-height: 1.5;
       text-align: left;
        }
        // background-color: #fff;
    }
    .th5{margin-top: .966667rem;
        background-color: #fff;
        width: 6.533333rem;
        height: 3.666667rem;
        background: url("../img/对话框3 (1).png")no-repeat;
        background-size: 100% 100%;
        p{position: absolute;
            // background-color: #fff;
        padding-top: .250667rem;
            margin-left: 12%;
            width: 80%;
            height: 90%;font-size: .466667rem;
            line-height: 1.5;
       text-align: left;
        }
    }
    .th6{
        position: absolute;
        width: 1.6rem;
        img{
            width: 100%;
            height: 100%;
        }
        bottom: .016667rem;
    }
    .th7{
        position: absolute;
    right: .266667rem;
    bottom: .533333rem;
        width: 1.2rem;
    img{
        width: 100%;
        height: 100%;
    }
    }
    .th8{
        position: absolute;
    right: .116667rem;
    bottom: 0;
        height: 4.46667rem;
        z-index: 999!important;
    img{
        width: 100%;
        height: 100%;
    }
    }
    .next2{
        position: absolute;
        background: url(../img/翻页（下）.png) no-repeat;
        background-size:100% 100% ;
        bottom: 1rem; 
left: 50%;
transform:translateX(-.8rem);
        width: 1.6rem;
        height: 1.033333rem;
    }
}   
}
.four{

width: 100%;
height: 100%;
// background-image:url(../img/img52134795600801326891629018727219.jpg) no-repeat;
background-size: 100% 100%;
background-color: rgb(240, 210, 210);
img{
    width: 100%;
    height: 100%;
}
.fou{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 90%;
    margin: 0 auto;
    // background-color: #876;
  .ff{
      position: relative;
    .g1{display: none;
        position: absolute;
        height:8rem;
top: .4rem;
     margin-left: 1.6rem;
        position: absolute;
        img{
            width: 100%;
            height: 100%;
        }
    }
    .g11{display: block;
        color: red;
        font-size: .666667rem;
        position: absolute;
        top: 3.33333rem;left: .7rem;
    }
    .g12{display: block;
        color: red;
        font-size: .666667rem;
        position: absolute;
        top: 48%;right: .5rem;
    }
    .g13{display: block;
        color: red;
        font-size: .666667rem;
        position: absolute;
        top: 76%;left: .8rem;
    }
    .g14{display: block;
        color: red;
        font-size: .666667rem;
        position: absolute;
     bottom: .5rem;right: .8rem;
    }
    .g2{display: none;
        position: absolute;
        height: 7rem;
        right: 1.466667rem;
        top: 4.666667rem;
        // background-color: #fff;
        img{
            width: 100%;
            height: 100%;
        }
    }
 
    .g4{display: none;
        position: absolute;
        height: 5rem;
        right: 3.166667rem;
    bottom: .113333rem;
        // background-color: #fff;
        img{
            width: 100%;
            height: 100%;
        }
    }
    .g3{display: none;
        position: absolute;
        height: 7rem;
      left: .6rem;
        top: 11.36667rem;
        // background-color: #fff;
        img{
            width: 100%;
            height: 100%;
        }
    }


  }

}
}

